<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.prime.com.tr/ui">

<ui:composition template="/fullPageLayout.xhtml">
	<ui:define name="title">Ingreso Clientes</ui:define>
	<ui:define name="content">
		<h:form>
			<p:panel>
				<h:panelGrid columns="6" style="align:left;margin:3% 10% 10% 10%;">
				
					<h:outputText value="Nombre" />
					<h:inputText value="#{clienteBean.name}" label="Nombre" id="nom"
						required="true" />
					<h:message for="nom" errorStyle="color: red"
						infoStyle="color: green"/>
						
					<h:outputText value="Razon Social" />
					<h:inputText value="#{clienteBean.rSocial}" label="Razon Social"
						id="rSocial" required="true" />
					<h:message for="rSocial" errorStyle="color: red"
						infoStyle="color: green"/>

					<h:outputText value="Rut" />
					<h:inputText value="#{clienteBean.rut}" label="Rut" id="Rut"
						required="true" />
					<h:message for="Rut" errorStyle="color: red"
						infoStyle="color: green" />

					<h:outputText value="Direccion" />
					<h:inputText value="#{empleadoBean.direccion}" label="Direccion"
						id="dir" required="true" />
					<h:message for="dir" errorStyle="color: red"
						infoStyle="color: green" />

					<h:outputText value="Telefono" />
					<p:inputMask value="#{empleadoBean.tel}" mask="9999-9999"
						label="Telefono" id="tel" required="true" />
					<!--<h:inputText value="#{empleadoBean.tel}" label="Telefono" id="tel" />
					<h:message for="tel" /> -->

					<h:outputText value="Fax" />
					<!--<h:inputText value="#{empleadoBean.celular}" label="Celular" id="cel" />-->
					<p:inputMask value="#{empleadoBean.celular}" label="Celular"
						id="cel" mask="099-999-999" />
					<h:message for="cel" errorStyle="color: red"
						infoStyle="color: green"/>

					<h:outputText value="Email" />
					<h:inputText value="#{empleadoBean.email}" label="Email" id="mail" />
					<h:message for="mail" errorStyle="color: red"
						infoStyle="color: green"/>

					<h:outputText value="Rol" />
					<h:selectOneRadio label="Rol" id="rol" value="#{empleadoBean.rol}"
						required="true">
						<f:selectItem itemLabel="Administrativo"
							itemValue="Administrativo" />
						<f:selectItem itemLabel="Cortador" itemValue="Cortador" />
						<f:selectItem itemLabel="Auxiliar" itemValue="Auxiliar" />
					</h:selectOneRadio>
					<h:message for="rol" errorStyle="color: red"
						infoStyle="color: green"/>

					<h:commandButton value="Ingresar" action="#{empleadoBean.guardar}" />
					<!-- <h:commandButton value="Cancelar" outcome="ingreso.xhtml" immediate="true" /> -->
					<h:commandButton value="Cancelar" action="#{empleadoBean.cancelar}"
						immediate="true" />
				</h:panelGrid>
			</p:panel>
		</h:form>
	</ui:define>
</ui:composition>

</html>